layui.define(['index', 'form', 'table', 'laypage', 'layedit', 'laydate'], function (exports) {
    var $ = layui.$;
    var form = layui.form;
    var layer = layui.layer;
    var table = layui.table;
    var laydate = layui.laydate;

    var cols = [
        [
            {field: 'staffId', type: 'numbers',title: '序号', align: 'center', fixed: 'left'},
            {field: 'realName', title: '姓名',width: 150,  align: 'center'},
            {field: 'companyName', title: '公司', width: 150, align: 'center'},
            {field: 'plat', title: '平台',  align: 'center',templet: function (d) {
                    return zmnEnum.PLAT_TYPE[d.plat];
                }},
            {field: 'deptName', title: '部门',  align: 'center'},
            {field: 'uri', title: 'URI',  align: 'center'},
            {field: 'app', title: 'APP',  align: 'center'},
            {field: 'ip', title: 'IP',  align: 'center'},
            {field: 'time', title: '操作时间', align: 'center',templet: function (row) {
                    return zmnUtil.createTime(row.time);
                }}
        ]
    ];

    form.on('submit(query-submit)',function (obj) {

        let timeRange = $("#timeRange").val();
        let times = timeRange.split(' - ');
        obj.field.startTime = times[0];
        obj.field.endTime = times[1];
        if (obj.field.startTime > obj.field.endTime) {
            layer.msg("开始时间不能大于结束时间");
            return false;
        }
        tableRender(obj.field);
        return false;
    });

    let tableRender = function (data){
        zmnLayUtil.layTableRender(table,cols,"zmn-staff-log-table",data,"/staff/log/loadData.action")
    };

    tableRender(null);

    initSelect();

    laydate.render({
        elem: '#timeRange',
        range: true
    });

    exports('staff_log_list', {});
});

function initSelect() {
    // 此函数用来初始化下拉选项框插件
    let formSelects = layui.formSelects;

    formSelects.config('departId', {
        keyName: 'value',
        keyVal: 'key',
        keyChildren: 'list',
        success: function(id, url, val, result){
            formSelects.value('departId', []);
        },
        error: function(id, url, val, err){
            console.log(id + ":" +　err);
        }
    });

    /**
     * 1.多选数据赋值
     *
     * formSelects.data(ID, type, config);
     *
     * @param ID            xm-select的值
     * @param type          'local' | 'server', 本地数据或者远程数据
     * @param config        配置项
     *          arr             本地数据数组
     *          url             远程数据链接
     *          keyword         远程数据搜索内容, 其他附加数据可以使用 formSelects.config设置
     *          linkage         是否为联动多选（就是把上级地扯关联一起显示/选择，true时必须全择到最底层一条线才行）
     *          linkageWidth    联动多选没级宽度
     */
    formSelects.data('departId', 'server', {
        url: '/channel/loadZmnCompanyDept.action',
        linkage: false,
        linkageWidth: 130
    });
}